@import "~common/stylus/variable"
@import "~common/stylus/mixin"

.health-input-container
  position: fixed;
  z-index: 200
  top: 0px
  left: 0px
  right: 0px
  bottom: 0px
  background-color: $color-background
  overflow: hidden;

  .header
    background-color: #fff
    padding: 10px
    margin: 10px 10px 10px 10px
    border-radius: 5px
    line-height: 30px
    .health-name
      font-size: 18px;
    .health-detail
      font-size: 16px
      color: #888


  .body
    background-color: #fff
    margin: 0 10px 0 10px
    border-radius: 5px
    .input-item
      padding: 0 10px 0 10px
      height: 60px
      line-height: 60px
      .item-container
        width: 100%
        display: flex
        border-1px(#ccc)
        .input-title
          width: 27%
        input
          width: 73%
        .datePickControl
          width: 73%
          img
            margin: 20px 40px 20px 0
            float: right
      .last
        border-none()




  .health-detail-footer
    position: absolute;
    bottom: 0px;
    height: 44px
    width: 100%
    background-color: #fff;
    line-height: 44px
    box-shadow: 0 -1px 2px #ddd
    .health-price
      margin-left: 20px
      color: #ffa700
      font-size: 20px
    .health-buynow
      color: #fff;
      background-color: $color-theme-light
      float: right;
      padding: 0 10px
